<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>网页</title>
        <link type="text/css" rel="stylesheet" href="page.css">
    </head>
    <body>
        <div id="warp">
            <div id="top">
                <div id="tle">
                    <img src="src/images/logo.png" alt="" style="float: left;margin-left: 70px">
                    <img src="src/images/tel.png" alt="" style="float: right;margin-right: 70px">
                </div>
                <div id="lan">
                    <div id="items">
                        <a href="#"><div class="item">首页</div></a>
                        <a href="#"><div class="item">公司简介</div></a>
                        <a href="#"><div class="item">新闻中心</div></a>
                        <a href="#"><div class="item">通知公告</div></a>
                        <a href="#"><div class="item">产品介绍</div></a>
                        <a href="#"><div class="item">关于我们</div></a>
                        <a href="#"><div class="item">招募英才</div></a>
                        <a href="#"><div class="item">联系我们</div></a>
                    </div>
                </div>
                <div style="text-align: center;margin-top: 10px">
                    <img src="src/images/banner.png" alt="" style="width: 860px;height: 330px">
                </div>
            </div>
            <div id="content">
                <div style="width: 600px;float: left">
                    <div class="l1">
                        <div class="hx">新闻中心</div>

                        <p><span style="float: left">环境好，交通方便，环境好，交通方便环境好，交通方便。</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便环境好，交通方便，环境好，交通方便。环境好，交通方便。</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，环境好，交通方便环境好，交通方便环境好，交通方便环境好，交通方便。</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便环境好，交通方便环境好，交通方便，交通方便。</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境环境好，交通方便好，交通方便。</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境环境好，交通方便好，交通方便。</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，环境好，交通方便环境好，交通方便。</span>
                            <span style="float: right">2014-02-28</span></p>
                    </div>
                    <div class="l2">
                        <div class="hx">产品介绍</div>
                        <div class="pic-l2">
                            <div class="pic-l2-item">
                                <img src="src/images/pic01.jpg" alt="" style="width: 130px">
                                <p>黄金楼层，学区房</p>
                                <p>￥260</p>
                            </div>
                            <div class="pic-l2-item">
                                <img src="src/images/pic01.jpg" alt="" style="width: 130px">
                                <p>黄金楼层，学区房</p>
                                <p>￥260</p>
                            </div>
                            <div class="pic-l2-item">
                                <img src="src/images/pic01.jpg" alt="" style="width: 130px">
                                <p>黄金楼层，学区房</p>
                                <p>￥260</p>
                            </div>
                            <div class="pic-l2-item">
                                <img src="src/images/pic01.jpg" alt="" style="width: 130px">
                                <p>黄金楼层，学区房</p>
                                <p>￥260</p>
                            </div>
                        </div>
                    </div>
                    <div class="l3">
                        <div class="hx">员工风采</div>
                        <div class="pic-l3">
                            <div class="pic-l3-item">
                                <div class="lft"><img src="src/images/pic01.png" alt="" style="width: 70px"></div>
                                <div class="rgt">
                                    <p>姓名：张三</p>
                                    <p>职位：经理</p>
                                    <p>学历：本科</p>
                                </div>
                            </div>
                            <div class="pic-l3-item">
                                <div class="lft"><img src="src/images/pic01.png" alt="" style="width: 70px"></div>
                                <div class="rgt">
                                    <p>姓名：张三</p>
                                    <p>职位：经理</p>
                                    <p>学历：本科</p>
                                </div>
                            </div>
                            <div class="pic-l3-item">
                                <div class="lft"><img src="src/images/pic01.png" alt="" style="width: 70px"></div>
                                <div class="rgt">
                                    <p>姓名：张三</p>
                                    <p>职位：经理</p>
                                    <p>学历：本科</p>
                                </div>
                            </div>
                        </div>
                        <div class="pic-l3">
                            <div class="pic-l3-item">
                            <div class="lft"><img src="src/images/pic01.png" alt="" style="width: 70px"></div>
                            <div class="rgt">
                                <p>姓名：张三</p>
                                <p>职位：经理</p>
                                <p>学历：本科</p>
                            </div>
                        </div>
                            <div class="pic-l3-item">
                                <div class="lft"><img src="src/images/pic01.png" alt="" style="width: 70px"></div>
                                <div class="rgt">
                                    <p>姓名：张三</p>
                                    <p>职位：经理</p>
                                    <p>学历：本科</p>
                                </div>
                            </div>
                            <div class="pic-l3-item">
                                <div class="lft"><img src="src/images/pic01.png" alt="" style="width: 70px"></div>
                                <div class="rgt">
                                    <p>姓名：张三</p>
                                    <p>职位：经理</p>
                                    <p>学历：本科</p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="width: 250px;float: right">
                    <div class="p1">
                        <div style="background-color: #636363;color: white;text-align: center;padding-top:25px">公司简介</div>
                        <div style="background-color: #00547F;color: white;text-align: center;padding-top:25px">联系我们</div>
                        <div style="background-color: #1991C9;color: white;text-align: center;padding-top:25px">诚聘英才</div>
                        <div style="background-color: #7BAE02;color: white;text-align: center;padding-top:25px">关于我们</div>
                    </div>
                    <div class="p2">
                        <div class="hx1">新闻中心</div>
                        <p><span style="float: left">环境好，交通方便</span>
                                <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                                <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                                <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                                <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                                <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                                <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                                <span style="float: right">2014-02-28</span></p>
                    </div>
                    <div class="p3">
                        <div class="hx1">通知公告</div>
                        <p><span style="float: left">环境好，交通方便</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                            <span style="float: right">2014-02-28</span></p>
                        <p><span style="float: left">环境好，交通方便</span>
                            <span style="float: right">2014-02-28</span></p>
                    </div>
                </div>
            </div>
            <div id="foot">
                <a href="#">首页</a> | <a href="#">公司简介</a> | <a href="#">新闻中心</a> | <a href="#">通知公告</a> |
                <a href="#">产品介绍</a> | <a href="#">关于我们</a> | <a href="#">诚聘英才</a> | <a href="#">联系我们</a>
                <br/>
                <p>ruanxl &copy; All rights reserved.</p>
            </div>
        </div>
    </body>
</html>